<template>
    <div id="left-bottom-bar" style="width: 100%; height: 473px"></div>
</template>
<script lang="ts">
import { defineComponent, onMounted } from 'vue'

import echarts, { option } from './constant'

export default defineComponent({
    name: 'LeftBottomBar',
    setup() {
        const constant = {
            option
        }
        onMounted(() => {
            let { option } = constant
            echarts.init(document.getElementById('left-bottom-bar')).setOption(option)
        })
        return {
            ...constant
        }
    }
})
</script>
